<script lang="ts" setup>
import { reactive } from 'vue'
import { Greet } from '@w/go/main/App'


const data = reactive({
  name: "",
  resultText: "Please enter your name below 👇",
})

function greet() {
  Greet(data.name).then(result => {
    data.resultText = result
  })
}

</script>

<template>

  <body>
    <div id="logo"></div>
    <div id="input">
      <input id="name" type="text" />
      <button onclick="greet()">Greet</button>
    </div>
    <div id="result"></div>
  </body>
</template>

<style scoped>
#result {
  height: 1px;
  line-height: 20px;
  margin: 1.5rem auto;
}
</style>
